<!DOCTYPE html>
<html dir="ltr" lang="zh_cn"><!--<![endif]--><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>会员中心</title>
    <!--<base href="https://mall.opencart.cn/">-->

    <!-- Facebook share -->
    <meta property="og:site_name" content="OpenCart 3.0 中文专业版 - PHP 开源电商系统">
    <meta property="og:url" content="https://mall.opencart.cn/index.php?route=account/account">
    <meta property="og:type" content="website">
    <meta property="og:title" content="会员中心">
    <meta property="og:description" content="">
    <meta property="og:image" content="https://mall.opencart.cn/image/cache/catalog/logo-600x315.png">
    <meta property="og:image:width" content="600">
    <meta property="og:image:height" content="315">

    <script src="https://hm.baidu.com/hm.js?752079c169218184ec5f539120602ec2"></script><script src="https://mall.opencart.cn/catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/layer/layer.js" type="text/javascript"></script>
    <link rel="stylesheet" href="./css/layer.css?v=3.1.1" id="layuicss-layer">
    <script src="https://mall.opencart.cn/catalog/view/theme/mobile/javascript/jquery.unveil.js" type="text/javascript"></script>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://mall.opencart.cn/catalog/view/javascript/jquery/photoclip/iscroll-zoom-min.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/jquery/photoclip/hammer.min.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/jquery/photoclip/lrz.all.bundle.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/jquery/photoclip/PhotoClip.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/theme/mobile/javascript/common.js" type="text/javascript"></script>
    <link href="./css/stylesheet.css" rel="stylesheet">
    <script>
        var _hmt = _hmt || []; (function() {var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752079c169218184ec5f539120602ec2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();
    </script>

</head>
<body class="account-account" ontouchstart="" onmouseover="">

<a href="#page-top" class="go-top"><i class="iconfont"></i></a>


<div class="container account-page">
    <div class="row">
        <div id="content" class="col-sm-12">
            <div class="row widget avatar-container">
                <div class="col-sm-12 acconut-bg">
                    <div class="personal-content">
                        <img class="personal-image" src="http://thirdqq.qlogo.cn/qqapp/101225978/215D7B5C2A2FF8150D1B212B941ADF0D/100">
                        <div class="personal-account">
                            <span>小丑</span>
                            <span>无邮箱地址</span>
                        </div>
                    </div>
                    <div class="eidt-account"><a href="https://mall.opencart.cn/index.php?route=account/edit"><i class="iconfont"></i></a></div>
                    <div class="account-bg-bg"><img src="https://mall.opencart.cn/catalog/view/theme/mobile/image/account-bg-bg.png" class="img-responsive"></div>
                </div>
            </div>
            <div class="row all-order-box">
                <a class="bottom-border" href="https://mall.opencart.cn/index.php?route=account/order">
                    <span>所有订单</span><span>所有订单</span>
                </a>
            </div>
            <div class="row widget">
                <div class="col-sm-12">
                    <div class="order-button-groups">
                        <div class="order-button"><a href="https://mall.opencart.cn/index.php?route=account/order"><i class="iconfont"></i><span>所有订单</span></a></div>
                        <div class="order-button"><a href="https://mall.opencart.cn/index.php?route=account/order&amp;type=unpaid"><i class="iconfont"></i><span>待付款</span></a></div>
                        <div class="order-button"><a href="https://mall.opencart.cn/index.php?route=account/order&amp;type=unshipped"><i class="iconfont"></i><span>待发货</span></a></div>
                        <div class="order-button"><a href="https://mall.opencart.cn/index.php?route=account/order&amp;type=shipped"><i class="iconfont"></i><span>待收货</span></a></div>
                    </div>
                </div>
            </div>
            <div class="row widget">
                <div class="col-sm-12">
                    <ul class="accordion-list list-unstyled">
                        <li><a href="https://mall.opencart.cn/index.php?route=account/edit"><i class="iconfont icon-zhanghuxinxi"></i> 编辑账号</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/password"><i class="iconfont icon-iconfontmima"></i> 修改密码</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/address"><i class="iconfont icon-iconfontchanpincanshu"></i> 地址管理</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/wishlist"><i class="iconfont icon-iconfontyouhuiquan"></i> 收藏商品</a></li>
                    </ul>
                </div>
            </div>
            <div class="row widget">
                <div class="col-sm-12">
                    <ul class="accordion-list list-unstyled">
                        <li><a href="https://mall.opencart.cn/index.php?route=account/order"><i class="iconfont icon-iconfontquanbudingdan"></i> 订单历史</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/download"><i class="iconfont icon-iconxiazai"></i> 下载</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/coupons"><i class="iconfont icon-iconxiazai"></i> 优惠券</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/reward"><i class="iconfont icon-iconfontwodehuiyuanqia"></i> 我的积分</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/return"><i class="iconfont icon-tuihuo"></i> 商品退换</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/transaction"><i class="iconfont icon-custom-take-notes"></i> 我的余额</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/oreview"><i class="iconfont icon-zhanghuxinxi"></i> 商品评论</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/withdraw_list"><i class="iconfont icon-custom-take-notes"></i> 余额提现</a></li>
                    </ul>
                </div>
            </div>
            <div class="row widget">
                <div class="col-sm-12">
                    <ul class="accordion-list list-unstyled">
                        <li><a href="https://mall.opencart.cn/index.php?route=account/newsletter"><i class="iconfont icon-iconfontyoujian"></i> 邮件订阅</a></li>
                        <li><a href="https://mall.opencart.cn/index.php?route=account/logout"><i class="iconfont icon-iconfont31wode"></i> 退出登录</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
<script>
    // -------- 将以base64的图片url数据转换为Blob --------
    function dataURLtoBlob(dataurl) {
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while(n--){
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new Blob([u8arr], {type:mime});
    }
    $(document).on('click', '.personal-image', function(event) {
        layer.open({
            title: '头像截取',
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['100%', '100%'], //宽高
            content: '<div id="avatar-upload"><div id="clipArea"></div><input type="file" id="file"><button id="clipBtn" class="btn btn-primary">确定</button></div>'
        });
        $('#file').click();
        var pc = new PhotoClip('#clipArea', {
            size: 260,
            outputSize: 640,
            file: '#file',
            ok: '#clipBtn',
            done: function(dataURL) {
                var blob = dataURLtoBlob(dataURL);
                //使用ajax发送
                var fd = new FormData();
                fd.append("file", blob, "image.png");
                $.ajax({
                    url: '/index.php?route=account/avatar',
                    type: 'post',
                    data: fd,
                    contentType: false, // 注意这里应设为false
                    processData: false,
                    dataType: 'json',
                    beforeSend: function() {
                    },
                    success: function(json) {
                        $('.personal-image').attr("src", json['imgurl'] + '?' + Math.random());
                    },
                    error: function(xhr, ajaxOptions, thrownError) {
                        alert(thrownError);
                    },
                    complete: function () {
                        layer.closeAll();
                    }
                });
            },
            fail: function(msg) {
                alert(msg);
            }
        });
    });
</script>

<footer>
    <div class="language-currency-wrapper mb-1 mt-1">
        <a href="#" id="switch-language">
            <img src="catalog/language/zh-cn/zh-cn.png" alt="简体中文" title="简体中文">
            简体中文
        </a>

        <script type="text/javascript">
            $('#switch-language').click(function (e) {
                e.preventDefault();
                layer.open({
                    type: 1,
                    title: '语言',
                    closeBtn: 1,
                    anim: 2,
                    shadeClose: true,
                    scrollbar: false,
                    area: ['80%'],
                    content: language_modal_content()
                });
            });

            function language_modal_content() {
                var html = '';
                html += '<div class="p-2">';
                html += '<form action="https://mall.opencart.cn/index.php?route=common/language/language" method="post" enctype="multipart/form-data" id="language">';
                html += '<input type="hidden" name="code" value="" />';
                html += '<input type="hidden" name="redirect" value="https://mall.opencart.cn/index.php?route=account/account" />';
                html += '<div class="list-group mb-0">';
                html += '<a href="zh-hk" class="list-group-item"><img src="catalog/language/zh-hk/zh-hk.png"/> 中文繁体</a>';
                html += '<a href="zh-cn" class="list-group-item"><img src="catalog/language/zh-cn/zh-cn.png"/> 简体中文</a>';
                html += '<a href="en-gb" class="list-group-item"><img src="catalog/language/en-gb/en-gb.png"/> English</a>';
                html += '</div>';
                html += '</form>';
                html += '</div>';
                return html;
            }
        </script>

        <a href="#" id="switch-currency">
            ￥  人民币
        </a>

        <script type="text/javascript">
            $('#switch-currency').click(function (e) {
                e.preventDefault();
                layer.open({
                    type: 1,
                    title: '货币',
                    closeBtn: 1,
                    anim: 2,
                    shadeClose: true,
                    scrollbar: false,
                    area: ['80%'],
                    content: currency_modal_content()
                });
            });

            function currency_modal_content() {
                var html = '';
                html += '<div class="p-2">';
                html += '<form action="https://mall.opencart.cn/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="currency">';
                html += '<input type="hidden" name="code" value="" />';
                html += '<input type="hidden" name="redirect" value="https://mall.opencart.cn/index.php?route=account/account" />';
                html += '<div class="list-group mb-0">';
                html += '<a href="USD" class="list-group-item">$ US Dollar</a>';
                html += '<a href="CNY" class="list-group-item">￥ 人民币</a>';
                html += '</div>';
                html += '</form>';
                html += '</div>';
                return html;
            }
        </script>

    </div>
    <div class="container">
        <div class="footer-powered">
            技术支持 <a href="http://www.opencart.cn">opencart.cn</a> OpenCart 3.0 中文专业版 - PHP 开源电商系统 © 2018
        </div>
    </div>
</footer>
<nav id="bottom-tab-menu">
    <div class="menu-item">
        <a class="" href="https://mall.opencart.cn/">
            <i class="iconfont"></i>
            <div class="name">首页</div>
        </a>
    </div>
    <div class="menu-item">
        <a class="" href="https://mall.opencart.cn/index.php?route=product/search">
            <i class="iconfont"></i>
            <div class="name">搜索</div>
        </a>
    </div>
    <div class="menu-item">
        <a class="" href="https://mall.opencart.cn/index.php?route=mobile/categories">
            <i class="iconfont"></i>
            <div class="name">分类</div>
        </a>
    </div>
    <div class="menu-item cart">
        <a class="" href="https://mall.opencart.cn/index.php?route=checkout/cart">
            <i class="iconfont"><span class="cart-total" style=""></span></i>
            <div class="name">购物车</div>
        </a>
    </div>
    <div class="menu-item">
        <a class="active" href="https://mall.opencart.cn/index.php?route=account/account">
            <i class="iconfont"></i>
            <div class="name">我的</div>
        </a>
    </div>
</nav>




</body></html>